<template>
    <div class="bottom">
        <img class="logo" src="../assets/home/logo.png" @click="to_first_page"/>
        <div class="left_info">
            <p class="fonts">关于我们&emsp;版权公告&emsp;客服中心&emsp;在线咨询&emsp;用户建议&emsp;隐私政策</p>
            <p class="fonts">© 还没起名的学术交流平台（2022软工）</p>
        </div>
        <div class="right_info">
            <p class="fonts">在线客服：</p>
            <p class="fonts">客服电话：88888888&emsp;客服邮箱：123456@buaa.edu.cn</p>
        </div>
    </div>
</template>

<script>

export default {
    methods: {
        to_first_page(){
            this.$router.push("/");
        }
    },
}
</script>

<style scoped>
.bottom{
    width:1000px;
    display: flex;
    /* background-color: aqua; */
    margin:auto;
}
.logo{
    height:65px;
    width:65px;
}
.logo:hover{
    cursor: pointer;
}
.left_info{
    display: inline-block;
    margin-left:5%;
}
.right_info{
    display: inline-block;
    margin-left:5%;
}
.fonts{
    font-size:14px;
    color:rgb(116, 116, 116);
}
</style>